<!DOCTYPE html>
<html lang="en">
<head>
    <title>首页</title>
    <meta charset="UTF-8">
    <meta name=description content="">
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/main.css" rel="stylesheet" media="screen">
</head>
<body>

<div class="header">
    <div class="headerTop">
        <a href="javascript:void(0);" class="logo"></a>
        <div class="headerSearch">
            <input type="text" name="keyword" class="form-control" autocomplete="off" placeholder="请输入课程关键字"/>
            <button type="button" class="btn btn-primary">
                <i class="iconfont">&#xe618;</i>
                搜索
            </button>
        </div>
        <div class="headerLogin">
            <i class="iconfont c999">&#xe625;</i>
            <a href="login.html" class="btn btn-default">登陆</a>
            <a href="register.html" class="btn btn-default register">注册有礼</a>
        </div>
    </div>
    <div class="menu">
        <a href="index.html" class="active">首　页</a>
        <a href="about.html">关于我们</a>
        <a href="course.html">全部课程</a>
        <a href="record.html">学习记录</a>
        <a href="user.html">个人中心</a>
    </div>
</div>
<div class="banner01"></div>

<div class="container">
    <div class="pt-45 pb-25">
        <div class="row">
        	<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
        		<div class="thumbnail">
        			<img src="images/index_09.jpg" alt="">
        			<div class="caption">
        				<h4 class="font22 text-center">国画</h4>
        			</div>
        		</div>
        	</div>
            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                <div class="thumbnail">
                    <img src="images/index_09-04.jpg" alt="">
                    <div class="caption">
                        <h4 class="font22 text-center">国学</h4>
                    </div>
                </div>
            </div>
            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                <div class="thumbnail">
                    <img src="images/index_09-05.jpg" alt="">
                    <div class="caption">
                        <h4 class="font22 text-center">软笔书法</h4>
                    </div>
                </div>
            </div>
            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                <div class="thumbnail">
                    <img src="images/index_09-06.jpg" alt="">
                    <div class="caption">
                        <h4 class="font22 text-center">硬笔书法</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="title01">
        <span>直播课堂</span>
        <a href="javascript:void(0);" class="more">更多</a>
    </div>

    <div class="LivePlay">
        <div class="livePlayImg">
            <img src="./images/002.jpg" alt="">
            <div class="imgTitle">
                <div class="pull-left">
                    <b>邱文山</b>
                    <span>总共两个课程</span>
                </div>
                <div class="pull-right">
                    <b>立即试听</b>
                    <span>距离开课还有 23 小时</span>
                </div>
            </div>
        </div>
        <div class="LivePlayList">
            <div class="livePlayCon">
                邱文山，资深国学讲师，中华诗词学会会员，安徽省老子研究会会员，千聊国学课堂“习古堂”创办人、讲师，作品常见于报刊、网络媒体，教学深入浅出，生动、接地气，深受不同年龄阶段的听众喜爱。
            </div>
            <dl>
                <dd class="active">
                    <i class="iconfont c999">&#xe62d;</i>
                    <a href="javascript:void(0);">
                        <span class="ml-15">9:00</span><span class="ml-15">国学测试直播</span>
                    </a>
                </dd>
                <dd>
                    <i class="iconfont c999">&#xe62d;</i>
                    <a href="javascript:void(0);">
                        <span class="ml-15">11:00</span><span class="ml-15">国学测试直播二</span>
                    </a>
                </dd>
            </dl>
        </div>
    </div>
    <div class="blk30"></div>
    <div class="title01">
        <span>录播课堂</span>
        <a href="javascript:void(0);" class="more">更多</a>
    </div>

    <div class="recordWrap">
        <div class="recordLeft">
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh30 pt-5">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh30 pt-10">
                        <span class="pull-left money">￥<span class="font18">20</span>.00</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh30 pt-5">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh30 pt-10">
                        <span class="pull-left money"><span class="font12">免费课程</span></span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh30 pt-5">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh30 pt-10">
                        <span class="pull-left money">￥<span class="font18">20</span>.00</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh30 pt-5">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh30 pt-10">
                        <span class="pull-left money"><span class="font12">免费课程</span></span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="recordRight">
            <dl>
                <dt>热门课程</dt>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>

                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
                <dd><a href="javascript:void(0);"><i class="iconfont">&#xe62d;</i> <span class="ml-10">兰亭集序线上课堂第五季</span></a></dd>
            </dl>
        </div>
    </div>
    <div class="blk50"></div>

</div>

<div class="footer">
    <div class="container">
        <ul>
            <li><i class="iconfont">&#xe63c;</i>400-803-1122</li>
            <li><i class="iconfont">&#xe652;</i>宝安区凯旋城人人乐一楼</li>
            <li><i class="iconfont">&#xe648;</i>www.fushiwenhua.com</li>
        </ul>
        <div class="footerQrcode">
            <img src="images/001.jpg" alt="">
            <span>关注一下  更多精彩</span>
        </div>
    </div>
</div>

<div class="kefu">
    <div class="clearfix text-center mb-30">
        <i class="iconfont font70 c717">&#xe606;</i>
        <div class="font15 c717 lh30">欢迎来到符氏书画教育</div>
    </div>
    <div class="clearfix">
        <a href="javascript:void(0);" class="btn btn-block is-plain mb-25">学员登录</a>
        <a href="javascript:void(0);" class="btn btn-block btn-img mb-25">注册送好礼 <img src="./images/001.png" alt=""></a>
    </div>
    <div class="blk20"></div>
    <div class="clearfix text-center">
        <a href="javascript:void(0);">
            <i class="iconfont c905 font30">&#xe627;</i>
            <span class="div_vm font18 c905"><b>在线咨询</b></span>
        </a>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
